.qor-page {
    .qor-help__header {
        padding: 4px 48px;
    }
    .qor-help__body {
        padding: 0 24px;
    }
}

.qor-help__header {
    background-color: #fff;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .14), 0 3px 1px -2px rgba(0, 0, 0, .2), 0 3px 5px 0 rgba(0, 0, 0, .12);
    margin: 0 -24px 24px;
    padding: 4px 24px;
    .select2-container--default .select2-selection--single .select2-selection__rendered {
        font-size: 14px;
    }
    .qor-field {
        padding-right: 16px;
        float: left;
        .qor-help__search {
            margin-top: 6px;
        }
    }
    .mdl-textfield {
        padding: 0;
        width: 100%;
        min-width: 180px;
    }
    .mdl-textfield__label:after {
        bottom: 0;
    }
}

.qor-help__show {
    border: 0;
    padding: 16px 24px;
    margin-bottom: 16px;
    background-color: #fff;
    box-shadow: 0 2px 4px rgba(0,0,0,.1);
    h5 {
        margin-top: 0;
        margin-bottom: 24px;
    }
}

.qor-help__lists {
    padding: 16px 24px;
    margin-bottom: 16px;
    background-color: #fff;
    box-shadow: 0 2px 4px rgba(0,0,0,.1);
    .qor-help__lists-tags {
        margin-left: 8px;
        span {
            cursor: pointer;
            display: inline-block;
            vertical-align: middle;
            background-color: rgba(0, 0, 0, .12);
            line-height: 1;
            border-radius: 2px;
            padding: 2px 6px;
            font-size: 12px;
            font-weight: 400;
        }
    }
    li {
        list-style: none;
        padding: 4px 16px 4px 0;
        >a {
            font-size: 16px;
            font-weight: 400;
            display: inline-block;
            vertical-align: middle;
        }
        a {
            text-decoration: none;
        }
    }
    .qor-doc__preview {
        position: relative;
        padding: 24px !important;
        margin-top: 72px !important;
        background-color: #fafafa !important;
        .mdl-button--fab {
            position: absolute;
            right: 0;
            bottom: auto;
            top: -50px;
            font-size: 24px;
            height: 32px;
            min-width: 32px;
            width: 32px;
            box-shadow: 0 1px 1.5px 0 rgba(0, 0, 0, .12), 0 1px 1px 0 rgba(0, 0, 0, .24);
        }
        .qor-button--edit {
            right: 48px;
        }
    }
}

.qor-slideout__show_title {
    span {
        padding: 0 16px;
        max-width: 75%;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
    a,
    span {
        display: inline-block;
        vertical-align: middle;
        color: #fff;
        height: 64px;
        line-height: 64px;
        i {
            margin-top: 20px;
        }
    }
}

.qor-help__body {
    .qor-pagination-container {
        margin: 24px 0;
        .qor-pagination {
            margin-left: 0;
        }
        .qor-actions {
            display: none;
        }
    }
}

.qor-slideout{
    .qor-help__lists {
        padding: 0;
        margin-bottom: 0;
        background-color: transparent;
        box-shadow: none;
    }
}
